<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="UTF-8" />
<title>填写订单信息</title>
<meta name="viewport" content="width=1226" />
<link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico"
	type="image/x-icon" />
<link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="xiaomi/css/base.min.css" />
<link rel="stylesheet" type="text/css"
	href="xiaomi/css/checkout.min.css" />
	<link rel="stylesheet" href="css/xiaomi.css"/>
</head>
<body>
	<div class="page-main">
		<div class="container">
			<div class="checkout-box">
				<div class="section section-address">
					<div class="section-header clearfix">
						<h3 class="title">收货地址</h3>
						<div class="more"></div>
					</div>
					<div class="section-body clearfix" id="J_addressList">
						<!-- addresslist begin -->
						<div class="address-item J_addressItem "
							data-address_id='10170415837205957' data-consignee='周剑杰'
							data-tel='159****3634' data-province_id='14'
							data-province_name='福建' data-city_id='151' data-city_name='厦门市'
							data-district_id='1477' data-district_name='湖里区'
							data-area='1477003' data-address='蔡塘社区闽芝公寓B栋117' data-tag_name=''
							data-editable='Y' data-neededit='N'>
							<dl>
								<dt>
									<span class="tag"></span> <em class="uname">周剑杰</em>
								</dt>
								<dd class="utel">159****3634</dd>
								<dd class="uaddress">
									福建 厦门市 湖里区 湖里街道<br> 蔡塘社区闽芝公寓B栋117
								</dd>
							</dl>
							<div class="actions">
								<a href="javascript:void(0);" class="modify J_addressModify">修改</a>
							</div>
						</div>
						<!-- addresslist end -->
						<div class="address-item address-item-new" id="J_newAddress">
							<i class="iconfont">&#xe609;</i> 添加新地址
						</div>
					</div>
				</div>

				<div class="section section-options section-payment clearfix">
					<div class="section-header">
						<h3 class="title">支付方式</h3>
					</div>
					<div class="section-body clearfix">
						<ul class="J_optionList options ">
							<li data-type="pay" class="J_option selected" data-value="1">
								在线支付 <span> （支持微信支付、支付宝、银联、财付通、小米钱包等） </span>
							</li>
						</ul>
					</div>
				</div>

				<div class="section section-options section-shipment clearfix">
					<div class="section-header">
						<h3 class="title">配送方式</h3>
					</div>
					<div class="section-body clearfix">
						<ul class="clearfix J_optionList options ">
							<li data-type="shipment" class="J_option selected"
								data-amount="10" data-value="2">快递配送（运费 10 元）</li>
						</ul>

						<div class="service-self-tip" id="J_serviceSelfTip"></div>
					</div>
				</div>

				<div class="section section-options section-time clearfix">
					<div class="section-header">
						<h3 class="title">配送时间</h3>
					</div>
					<div class="section-body clearfix">
						<ul class="J_optionList options options-list clearfix">
							<!-- besttime start -->
							<li data-type="time" class="J_option selected" data-value="1">
								不限送货时间：<span>周一至周日</span>
							</li>
							<li data-type="time" class="J_option " data-value="2">
								工作日送货：<span>周一至周五</span>
							</li>
							<li data-type="time" class="J_option " data-value="3">
								双休日、假日送货：<span>周六至周日</span>
							</li>
							<!-- besttime end -->
						</ul>
					</div>
				</div>

				<div class="section section-options section-invoice clearfix">
					<div class="section-header">
						<h3 class="title">发票</h3>
					</div>
					<div class="section-body clearfix">
						<ul
							class="J_optionList options options-list  J_tabSwitch clearfix">
							<li data-type="invoice" data-invoice-type="not_invoice"
								class="hide J_option">不开发票</li>
							<li data-type="invoice" data-invoice-type="electron"
								class="hide J_option">电子发票（非纸质）</li>
							<li data-type="invoice" data-invoice-type="personal"
								class="hide J_option" id="J_paperInvoice">普通发票（纸质）</li>
						</ul>

						<div class="paper-invoice-company" id="J_invoiceTitleBox">
							<div class="form-section">
								<label class="input-label" for="invoice_title">填写个人 /
									单位名称</label> <input class="input-text" type="text" id="invoice_title"
									value="个人" name="invoice_title" />
							</div>
							<p>发票内容：购买商品明细</p>
						</div>
						<div class="tab-container">
							<div class="tab-content hide"></div>
							<div class="tab-content hide e-invoice-detail">
								电子发票法律效力、基本用途及使用规定同纸质发票。不随商品寄送。<a href="javascript:void(0);"
									id="J_showEinvoiceDetail">什么是电子发票 <i class="icon-qa">?</i></a>
								<div class="e-invoice-qa hide" id="J_einvoiceDetail">
									<ul>
										<li>感谢您选择电子发票，电子发票是税局认可的有效付款凭证，其法律效力、基本用户及使用规定同纸质发票，可作为用户维权、保修的有效凭据。如需纸质发票可自行下载打印；</li>
										<li>您在订单详情的"发票信息"栏可查看、下载您的电子发票。</li>
									</ul>
									<a href="http://bbs.xiaomi.cn/thread/index/tid/9385999"
										target="_blank">了解详情&gt;</a>
								</div>
							</div>

						</div>
					</div>
				</div>

				<div class="section section-goods">
					<div class="section-header clearfix">
						<h3 class="title">商品</h3>
						<div class="more">
							<a href="cart.jsp">返回购物车<i class="iconfont">&#xe621;</i></a>
						</div>
					</div>
					<div class="section-body">
						<ul class="goods-list" id="J_goodsList">
							<li class="clearfix">
								<div class="col col-img">
									<img src="//i1.mifile.cn/a1/T1XybgBjhT1RXrhCrK!30x30.jpg"
										width="30" height="30">
								</div>
								<div class="col col-name">
									<a href="//item.mi.com/1153900007.html" target="_blank">
										小米4c 智能唤醒翻盖保护套 黑色 </a>
								</div>
								<div class="col col-price">29元 x 2</div>
								<div class="col col-status">有货</div>
								<div class="col col-total">58元</div>
							</li>
						</ul>
					</div>
				</div>

				<div class="section section-count clearfix">
					<div class="money-box" id="J_moneyBox">
						<ul>
							<li class="clearfix"><label>商品件数：</label> <span class="val">2件</span>
							</li>
							<li class="clearfix"><label>金额合计：</label> <span class="val">58元</span>
							</li>
							<li class="clearfix"><label>运费：</label> <span class="val"><i
									data-id="J_postageVal">10</i>元</span></li>
							<li class="clearfix total-price"><label>应付总额：</label> <span
								class="val"><em data-id="J_totalPrice">68</em>元</span></li>
						</ul>
					</div>
				</div>

				<div class="section-bar clearfix">
					<div class="fl">
						<div class="seleced-address hide" id="J_confirmAddress"></div>
						<div class="big-pro-tip hide J_confirmBigProTip"></div>
					</div>
					<div class="fr">
						<a href="javascript:void(0);" class="btn btn-primary"
							id="J_checkoutToPay">去结算</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="bottom.jsp" />
</body>
</html>